$(function () {
    $('.footable').footable();
});

$(document).ready(function () {
    $("select[name=userNationalityList]").on('change', function () {
        $(this).next().filter(".userNationalitySelected").val($(this).val());
    });

    $(".add-New-Contact").click(function () {
        $(".contact-Group").append($(".contact-Group-Template").html());
        $(".contact-Group").find(".contact-Group-item").last().find(".remove-Contact-item").click(function () {
            $(this).parents(".contact-Group-item").remove();
        });
        $(".contact-Group").find(".contact-Group-item").last().find("select[name=userContactValueType]").on('change', function () {
            $(this).next().filter(".userContactValueTypeSelected").val($(this).val());
        });
    });

    $("form[name=RegistNewAccount]").on("submit", function () {
        var ContactInfo = [];
        $(".contact-Group").find(".contact-Group-item").each(function (i, Item) {
            var contactitem = {itemType: "", itemType: ""};

            var itemType = $(Item).find("input[type=hidden].userContactValueTypeSelected").first().val();
            var itemValue = $(Item).find("input[type=text][name=userContactValue]").first().val();

            contactitem["itemType"] = itemType;
            contactitem["itemValue"] = itemValue;

            ContactInfo.push(contactitem);
        });
        
        $(".contact-Group").find("input[type=hidden][name=userContactsList]").val(JSON.stringify(ContactInfo));
    });

});

//$(".contact-Group .contact-Group-item").q(function () {
//    $(".remove-Contact-item").click(function () {
//        $(this).parent(".contact-Group-item").remove($(this));
//    });

//});